<template>
	<!-- 
		vue的混入 mixins
		混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。
			一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
			mixin是一个混入对象,然后在组件中使用mixins选项来引入所有的混入对象,mixins是一个数组
		合并冲突问题:
			数据对象在内部会进行递归合并，并在发生冲突时以组件数据优先
			同名钩子函数将合并为一个数组，因此都将被调用。另外，混入对象的钩子将在组件自身钩子之前调用。
			值为对象的选项，例如 methods、components 和 directives，将被合并为同一个对象。两个对象键名冲突时，取组件对象的键值对。
			也可以进行全局混入(Vue.mixin({mixin对象}))一个mixin对象,慎用!!!!一旦使用全局混入，它将影响每一个之后创建的 Vue 实例
	-->
  <div>
    <One />
    <Two />
  </div>
</template>

<script>
import One from "@/pages/One";
import Two from "@/pages/Two";
export default {
  name: "App",
  components: {
    One,
    Two,
  },
};
</script>

<style scoped></style>
